@charset "utf-8";

body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*??????????*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}


.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
/*        .f_r{float: right; width: 990px; margin-top: 30px;}
        .f_r h2{ float: left; font-size: 20px; color: #282828; font-weight: normal; margin-left: -4px; line-height:28px;}
        .f_r h2 b{ color: #006cb7;}
        .f_r h2 span{ display: block; width: 330px; height: 35px; line-height: 35px; background: #006cb7; color: #fff; font-size:16px ;}
        .f_r h2 span i{ margin-left: 35px;}
        .f_r p{ float: right; font-size:26px;color: #333333; background:url(../images/ph.png) no-repeat left; padding-left: 50px; line-height: 50px;}

        .h_nav{ float: left; margin-top: 20px;}
        .h_nav ul li{float: left;height: 53px;line-height: 53px; }
        .h_nav ul li a{ display: block;color: #282828;margin-right:69px;height: 45px;line-height: 45px;font-size: 15px; }
        .h_nav ul li:last-child a{margin-right:0;}
        .h_nav ul li:hover a,.h_nav ul li.cur a{color: #006cb7; border-bottom: 2px solid #006cb7; font-weight: bold;}*/

    /*header*/

.header{ width: 100%;overflow: hidden;background:url(../images/top_bg.jpg) ;}
.header .header_top{ height: 38px; line-height: 38px;}
.header .header_top .left,.header .header_top .right a,.header .header_top .right i{ font-size: 14px; color: #808080;}
.header .header_top .right i{ margin: 0 5px 0 10px;}
.header .header_top .right a:hover{ color: #006cb7;}
.tywidth{ width: 1200px; margin: 0 auto;}
/*header h_nr_2*/

.header .h_nr_2{ padding: 15px 0;}
.header .h_nr_2 .zb>div{ display: inline-block; vertical-align: middle;}
.header .h_nr_2 .zb .left img{ vertical-align: top;}
.header .h_nr_2 .zb .left{ width:300px; line-height: 0;}
.header .h_nr_2 .zb .wb p{color: #333;font-size: 23px;line-height: 28px;margin-bottom: 10px;}
.header .h_nr_2 .zb .wb dl dd{float: left;color: #231815;font-size: 14px;line-height: 23px;letter-spacing: 2px;margin-right: 9px;}
.header .h_nr_2 .zb .wb dl dd img{ vertical-align: middle;margin: 0 5px 0 0;}
.header .h_nr_2 .right{ float: right; margin: 20px 0 0 0;}
.header .h_nr_2 .right .lx-ph{ margin: 0 6px 0 0;}
.header .h_nr_2 .right>div{ display: inline-block; vertical-align: middle;}
.header .h_nr_2 .right>div b{display: block;text-align: center;width: 156px;height: 20px;line-height: 20px;background-color: rgb(0, 108, 183);color: #fff;font-size: 16px;}
.header .h_nr_2 .right>div p{margin: 5px 0 0 0;color: #333;font-size: 24px;line-height: 24px;font-family: Arial;font-style: normal;}

/*header nav*/

.header .nav{ width: 100%; height: 55px; line-height: 55px;}
.header .nav .nav-content ul li{ float: left; position: relative; text-align: center; height: 55px; line-height: 55px;}
.header .nav .nav-content ul li:last-child:after{ display: none;}
.header .nav .nav-content ul li a{ display: block;padding: 0 40px 0; font-size:14px; font-weight:500;}
.header .nav .nav-content ul li a:hover{ display: block;padding: 0 40px 0; font-size:14px; font-weight:500;color: #fff;}
.header .nav .nav-content ul li a b{ color: #333; font-size: 17px;}
.header .nav .nav-content ul li a.on,.header .nav .nav-content ul li a:hover{ background: #006cb7;}
.header .nav .nav-content ul li a.on b,.header .nav .nav-content ul li a:hover b{ color: #fff;}
.header .nav .nav-content ul li a.on:after,.header .nav .nav-content ul li a:hover:after{ visibility: hidden;}
.header .nav .nav-content ul li a:after{ content: ""; background: #969696; position: absolute; right: 0; top: 18px; width: 1px; height: 20px;}
.header .nav .nav-content ul li:last-child a:after{ visibility: hidden;}

 
        .clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
       .clearfix{zoom:1;}
        .footer{height:415px;background:url(../images/foot_bg.jpg) no-repeat;}
        .f_con{ height: 415px;}
        .gsxx{ float: left; margin-top: 40px; width: 480px;}
        .gsxx h1{display:block; width: 114px; height: 130px; float: left;}
        .gsxx h2{ float: left; font-size: 20px; color: #f8f7f6;  padding-top: 42px;margin-left: 30px; height: 120px;}   
        .gsxx h2 span{ display: block; width: 330px; height: 35px; line-height: 35px;color: #f8f7f6; font-size:20px; font-weight: normal;}
        .gsxx h2 span i{ margin-right: 20px;}
        .gsxx p{font-size: 13px; line-height: 30px;color: #fff; float: left;opacity: 0.7;}
		.gsxx p a{font-size: 13px; line-height: 30px;color: #fff; opacity: 0.8;}
		.gsxx p a:hover:after{font-size: 13px; line-height: 30px;color: #fff; opacity: 0.7;}
        .gsxx p span{ margin-left:1px;}
        .gsxx .p1{ color: #fff; opacity: 0.7;}
        .gsxx .p1 a{  color:#fff; opacity:0.8;}
        .gsxx .p4{ margin-top: 30px;}
        .dh{ margin-top: 140px; margin-left: 85px; width: 400px; float: left;}
        .dh h3{ font-size: 16px; color: #fff; opacity: 0.6;padding-bottom: 40px;}
        .dh li{ float: left; width:100px; line-height: 35px;}
        .dh li a{ font-size:14px; color: #fff; opacity: 0.7;}
        .dh p{font-size: 26px;color: #006cb7;padding-left: 50px;background:url(../images/tel.png) no-repeat left;margin-top: 40px;line-height: 32px;}

        .sao{ float: right; width: 103px;padding: 0 48px; height: 455px;background:url(../images/sao_bg.jpg) no-repeat center;margin-top:-65px; }
        .sao li{ width: 100px; height: 150px;} 
        .sao li img{ height:100px; width:100px;}
        .sao li:first-child{ margin-top: 140px;}
        .sao li em{font-style:normal; font-size: 12px; color: #ffffff; line-height: 36px; text-align: center;display: block;}

        .link{height:80px; line-height: 80px;}
        .link p{float: left;}
        .link a{display: inline-block;margin-right:60px;color: #555555; font-size:14px;}


.banner{height: 710px;position: relative;}
.bdu{width: 100% !important;height: 710px;}
.bdu li{width: 100% !important;height: 710px;position:relative;}
.bdu li a{display: block;height: 710px;}
.bdu li img{height:710px;margin-left: -960px;position:absolute;left:50%;}
.hdu{position: absolute;width: 100%;height: 10px;right: 0;bottom: 44px;text-align: center;}
.hdu li{display: inline-block;width: 12px;height: 12px;background: #333333;margin:0 10px;border-radius: 6px;}
.hdu li.on{background: #006cb7;}

.yz{ height: 547px;background:url(../images/yz_bg.jpg) no-repeat center;}
.yz dl{ padding-top: 95px;}
.yz dt img{ float: left; display: block; height: 360px; width: 600px; margin-left: 100px;}
.yz dd{ margin-left: 100px; float: left; width: 390px;}
.yz dd h2{ padding-top: 70px; color: #000000; font-size: 40px;}
.yz dd h3{ padding-top: 15px; padding-bottom: 30px; font-size: 13px; color: #231815;}
.yz dd p{ font-size: 16px; color: #231815; line-height: 32px; opacity: 0.8; letter-spacing: 1px;}
.yz dd a img{ display: block; width: 132px; height: 12px; margin-top: 36px;}

.pro{height: 945px;background:url(../images/pro_bg.jpg) no-repeat center;/* background-color: rgb(0, 108, 183); */}

.pro .probt{height: 226px;margin-bottom: 20px;}
.pro .probt h2{display: block; width:297px; height:148px; float:left; font-size: 40px; color:#FFF; padding-top:50px;}
.pro .probt h2 span{ position: relative; display: block; font-size: 20px; line-height: 44px; color: #ffffff; font-weight: normal; text-transform: uppercase;}
.pro .probt h2 span:after{ position: absolute; background: #fff; width: 90px; height: 2px; content:""; left: 0; top: 55px;}
.pro .probt ul{float:left;border-right:1px solid #b0b1b1;border-top:1px solid #b0b1b1;border-bottom:1px solid #b0b1b1;box-sizing: border-box;height: 230px;width: 903px;}
.pro .probt ul li{height: 38px;border-bottom:1px dashed #b0b1b1;line-height: 38px;box-sizing: border-box;margin-left: 35px;overflow:hidden;}
.pro .probt ul li:last-child{border: 0; }
.pro .probt ul li b>a{display: block;/* font-weight: bold; */float:left;font-size: 15px;color:#282828;width:135px;margin-right: 19px;border-right: 1px solid #8e8e8e;line-height: 22px;margin-top: 8px;box-sizing: border-box;}
.pro .probt ul li a{display: block;float:left;padding:0 6px;font-size: 13px;color:#010101;}
.pro .probt ul li a.last{ float: right; display: block;}
.pro .probt ul li b:hover a{ color:#006cb7 ;}

.pro .pro_cp ul li{float:left;width:285px;margin-left: 20px;margin-bottom: 20px;position:relative;}
.pro .pro_cp ul li i{display: block;width:285px;height: auto;overflow: hidden;}
.pro .pro_cp ul li img{width:285px;/* height:285px; */display: block;transition:all 0.5s;}
.pro .pro_cp ul li span{display: block;height:40px;line-height: 40px;text-align: center;font-size: 16px;color:#FFF;background: #757575;position: absolute;bottom: 0;left:0;width: 100%;}
.pro .pro_cp ul li a{display: block;padding-bottom: 20px;}
.pro .pro_cp ul li:nth-child(1),.pro .pro_cp ul li:nth-child(5){ margin-left:0;}
.pro .pro_cp ul li:hover img{transform:scale(1.1);}
.pro .pro_cp ul li:hover span{background: #006cb7;}

.td{ height: 953px;background:url(../images/td_bg.jpg) no-repeat center; }
.td h2{ text-align: center; padding-top: 60px; color: #000000; font-size: 40px;}
.td h2 b{ font-size: 66px; color: #006cb7;}
.td h2 span{ display: block; font-weight: normal; font-size: 24px; letter-spacing: 5px;}
.td ul{ margin-top: 50px;}
.td ul li{ float: left;width: 388px; margin-bottom: 25px;}
.td ul li:nth-child(odd){ margin-right: 424px;}
.td ul li i{ display: block; width: 148px; height: 112px;background:url(../images/he.png) no-repeat center; float: left;}
.td ul li.you i{ background:url(../images/he2.png) no-repeat center;float: right;}
.td ul li.you i img{ margin: 36px 0 0 75px;}
.td ul li.you span{float: left;margin-left: 0; margin-right: -20px;  }
.td ul li i img{ width: 37px; height: 40px; margin: 36px 0 0 36px;}
.td ul li span{ display: block; width: 256px; height: 110px; border: 1px dashed #bebebe;float: left; margin-left: -20px;}
.td ul li span b{ margin: 20px 0 10px 24px; font-size: 16px; color: #000; display: block;font-weight: bold;}
.td ul li span em{ display: block; margin-left: 24px; font-size: 16px; line-height: 22px; color: #333; margin-right: 35px;} 
.td ul li:hover i{background:url(../images/lvbg.png) no-repeat center; }
.td ul li.you:hover i{background:url(../images/lv2bg.png) no-repeat center; }
.td ul li:hover span{ border: 1px dashed #006cb7;}
.td ul li:hover span b{color: #006cb7;}
.td .lx{ margin-top: 30px;}
.td .lx a{ display:inline-block; height: 45px;width: 178px; line-height: 45px; text-align: center; font-size: 18px; font-weight: bold; }
.td .lx .lx1{ color: #fff; background: #006cb7; margin-left: 420px; margin-right: 10px;}
.td .lx .lx2{ color: #000;background:url(../images/lx.png) no-repeat center;}
.td .lx p{ text-align: center; margin-top: 16px; font-size:16px; color: #666666;}
.td .lx p b{ font-size: 24px; color: #006cb7;}

.case{ height: 921px;background:url(../images/case_bg.jpg) no-repeat center; }
.case h2{ text-align: center; padding-top: 70px; color: #fff; font-size: 40px; margin-bottom: 50px;}
.case h2 span{ display: block; font-weight: normal; font-size: 24px; letter-spacing: 5px; padding-top: 10px;}

.case_l{float: left;width: 280px;}
.case_l li{height: 90px;background:url(../images/case_li1.jpg) no-repeat;margin-bottom: 14px;}
.case_l li a{display: block;padding-left: 60px;height: 85px;/* opacity: 0.3; */}
.case_l li span{display:block;font-size: 16px;line-height: 16px;color: #333;padding: 27px 0 0 5px;}
.case_l li i{display:block;font-size: 12px;color: #282828;line-height: 26px;text-transform: uppercase;opacity: 0.3;padding: 0px 0 0 5px;}
.case_l li .a1{background:url(../images/case_ic1.png) no-repeat 12px center;/* opacity: 0.3; */}
.case_l li .a2{background:url(../images/case_ic2.png) no-repeat 12px center;}
.case_l li .a3{background:url(../images/case_ic3.png) no-repeat 12px center;}
.case_l li .a4{background:url(../images/case_ic4.png) no-repeat 12px center;}
.case_l li .a5{background:url(../images/case_ic5.png) no-repeat 12px center;}
.case_l li .a6{background:url(../images/case_ic6.png) no-repeat 12px center;}
.case_l li.cur{width: 410px;background:url(../images/case_li2.jpg) no-repeat;position: relative;z-index: 10;}
.case_l li.cur span,.case_l li.cur i{color: #006cb7;}
.case_l li.cur .a1{background:url(../images/case_ic1h.png) no-repeat 12px center;}
.case_l li.cur .a2{background:url(../images/case_ic2h.png) no-repeat 12px center;}
.case_l li.cur .a3{background:url(../images/case_ic3h.png) no-repeat 12px center;}
.case_l li.cur .a4{background:url(../images/case_ic4h.png) no-repeat 12px center;}
.case_l li.cur .a5{background:url(../images/case_ic5h.png) no-repeat 12px center;}
.case_l li.cur .a6{background:url(../images/case_ic6h.png) no-repeat 12px center;}
.case_r{float: right;width: 890px;height: 610px;overflow: hidden;}
.case_r dl{height: 610px;;}
.case_r dt img{display:block;width:890px;height: 500px;transition:all 0.5s;}
.case_r dd{width: 830px;padding:0 30px;height: 110px;background:rgba(255,255,255,0.9);}
.case_r dd h3 a{display:block;font-size: 18px;color: #080808;line-height: 18px;padding:20px 0 10px;}
.case_r dd p{font-size: 14px;color: #080808;line-height: 24px;}
.case_r dd p a{color: #080808;}
.case_r dl:nth-child(6) dd{width: 740px;padding-left:120px;}
/*.case_r dt:hover img{transform:scale(1.05);}*/
.ys{ height: 1947px;background: url(../images/ys_bg.jpg) no-repeat center;}
.ys h2{ text-align: center; padding-top: 100px; color: #000000; font-size: 40px; padding-bottom: 60px;}
.ys h2 span{ display: block; font-weight: normal; font-size: 24px; letter-spacing: 5px;padding-top: 10px; color: #1b1b1b;}
.ys  dd  h3{color:#000000; font-weight:normal; padding-left:80px;margin-left: 40px;}
.ys  dd  h3 span{ display:block; font-size:30px; font-weight:bold; line-height:36px; color: #006cb7;}
.ys  dd  h3 span em{ display:block; text-transform:uppercase; font-size:20px; color:#333333; font-weight:normal;}
.ys  dd p{ width:460px; color:#333333; font-size:15px; line-height:30px; margin-left:40px; opacity: 0.8; margin-top: 80px; }
.ys dl:hover dd p{ color: #006cb7;}
.l1{ height:400px; background: url(../images/ys1.jpg) no-repeat center;}
.l2{ height:400px; background: url(../images/ys2.jpg) no-repeat center;}
.l3{ height:400px; background: url(../images/ys3.jpg) no-repeat center;}
.l4{ height:400px; background: url(../images/ys4.jpg) no-repeat center;}
.l1 dd h3{ background:url(../images/num1.png)  no-repeat left; margin-top:33px;}
.l2 dd h3{ background:url(../images/num2.png)  no-repeat left; margin-top:70px; margin-right: 25px;}
.l3 dd h3{ background:url(../images/num3.png)  no-repeat left; margin-top:80px;}
.l4 dd h3{ background:url(../images/num4.png)  no-repeat left; margin-top:70px; margin-right: 25px;}
.l2 dd p,.l4 dd p{ margin-right: 25px;}

.news{ height: 614px;}
.news h2{ text-align: center; padding-top: 80px; color: #000000; font-size: 40px; padding-bottom: 60px;}

.news h3{height: 36px;font-weight:normal;border-bottom:1px solid #ebebeb;margin-bottom: 10px; line-height: 32px;}
.news h3 span{float: left;font-size: 20px;color: #333333;line-height: 18px;}
.news h3 span a{color: #333333;display: inline-block; height: 36px;}
.news h3 span a.cur{color: #333333;font-weight:bold; border-bottom: 2px solid #333;}
.news h3 span em{margin:0 10px;}
.news h3 i a{display:block;font-size: 14px;color: #666;line-height: 18px;}
.new_l{float: left;width: 720px;}
.new_l dl{height: 188px;margin-bottom: 20px; margin-top: 20px;}
.new_l dt img{display:block;width: 334px;height: 188px;}
.new_l dd{float: right;width: 355px;}
.new_l dd h4{font-size: 16px;color: #333;line-height: 16px;margin-bottom: 8px;}
.new_l dd h4 a{color: #333;}
.new_l dd p{font-size: 14px;color: #666;line-height: 22px;}
.new_l dd .more{display:block;width: 120px;height: 36px;line-height: 36px;text-align: center;font-size: 14px;color: #fff;margin-top: 60px; background: #006cb7;}
.new_list p{font-size: 14px;height: 35px;line-height:35px;border-bottom: 1px dashed #c2c2c2;}
.new_list p a{color: #666;}
.new_list p:hover a{color: #333; font-weight: bold;}
.new_list p i{float: right;color: #999; font-family: "Verdana";  }

.faqs{ width:420px; overflow:hidden; }
.faqs dl{ padding:12px 0 12px; border-bottom: 1px dashed #c2c2c2;}
.faqs dt a{ display:block;height:25px; font-size:14px ; font-weight:bold; line-height:20px; color:#333; background:url(../images/q.png) no-repeat left center; padding-left:20px;}
.faqs dd{ font-size::14px; line-height:26px; color:#666666; margin-top:15px;background:url(../images/a.png) no-repeat left 5px; padding-left:20px;}

.abt{ height: 998px;background: url(../images/abt_bg.jpg) no-repeat center;}
.abt h2{ text-align: center; padding-top: 20px; color: #000000; font-size: 40px; padding-bottom: 40px;}
.abt dt img{ height: 500px; width: 1200px; display: block;}
.abt dd h3{ display: block; text-align: center; font-size: 24px; color: #1b1b1b; padding: 40px 0 10px;}
.abt dd h4{ display: block; text-align: center; font-weight: normal; font-size: 14px; color: #000000; opacity: 0.3; text-transform: uppercase; padding-bottom: 22px;}
.abt dd p{ font-size: 14px; color: #666; line-height: 25px; text-align: center;}
.abt dd p a{ color: #fe0100;}
.abt dd ul{ float:left; margin:36px auto 0;}
.abt dd ul li{ float: left; width: 140px; height: 45px; line-height: 45px; background: #fff; margin-right: 15px; text-align: center;}
.abt dd ul li a{ font-size: 14px; color: #333;}
.abt dd ul li:hover{ background: #006cb7;}
.abt dd ul li:hover a{ color: #fff;}
.abt dd ul li:first-child{ margin-left: 300px;}
 .link{height:80px; line-height: 80px; background:#1b1b1b;}
        .link p{float: left;}
        .link a{display: inline-block;margin-right:60px;color: #555555; font-size:14px;}